.normal {
  background: #ba79f2;
  --override-bg-color: darkblue;
}

.buttons {
  display: flex;
  justify-content: space-evenly;
  padding: 1em 4em;
}

// override 类名只会和相关 antd class 捆绑设置 selector，防止作用范围外泄
// 可以将全部 antd override 写到一个 css module 文件中
// 然后放到一个中间js模块中导出，加上返回类型声明，就是一个值，值为动态生成的override类名而已
// 然后可以设计多套 override 方案
// 或者一套 override，但是可以动态从 css var 中取主题
// 如果不加 .overrid 则相当于全部将 antd 指定组件覆盖样式，引用antd组件的地方不用添加 styles.override className 就用到覆盖样式了
// 还可以通过 cssvar 控制
:global(.ant-btn-primary).override {
  background-color: darkblue;
  font-weight: bold;
}

:global(.ant-btn-primary) {
  background-color: var(--override-bg-color, auto);
  font-weight: auto;
}
